﻿@{
    ViewBag.Title = "Detalle Compendio";
    Layout = "~/Views/Shared/n_Layout.cshtml";
}
<div id="listadoCompendios">
    <table id="tablaCompendios">
    </table>
    <div id="barraCompendios">
    </div>
</div>
<div>
    <br />
    <br />
</div>
<div id="listadoDetalles">
    <table id="tablaDetalles">
    </table>
    <div id="barraDetalles">
    </div>
</div>
<div id="ventanaCompendio" style="display: none">
    <table class="tablaPrincipal_MIDIS" width="65%" cellpadding="3" border="0" cellspacing="0">
        <tr>
            <td>
                <table cellpadding="0" cellspacing="0" border="0" width="90%">
                    <tr>
                        <td>
                            <table class="tablaTitulo_MIDIS" style="width: 180PX;" cellpadding="2" cellspacing="0"
                                border="0">
                                <tr>
                                    <td align="center">
                                        <div id="divDireccion" class="divTitulo_MIDIS" style="width: 180PX;">
                                            <span style="background-color: #b50055; color: white;">[CAT&Aacute;LOGOS]</span>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table width="100%" class="tablaInterna_MIDIS" cellpadding="0">
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <table width="90%" border="1" cellpadding="5" cellspacing="0" class="tablaPrincipalSin">
                                            <tbody class="tituloTextNormal">
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="3" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    Nombre Tabla<span class="letraAsterisco">(*)</span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="hidden" name="nIdeCompendio" value="0" id="nIdeCompendio" />
                                                                    <input type="text" id="vNomTabla" class="uppercase" style="width: 250px" onkeypress="return validaCaracterV2(event);" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    <b>Fecha Vigencia</b>
                                                                </td>
                                                                <td>
                                                                    Inicio
                                                                </td>
                                                                <td>
                                                                    Fin
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    <input type="text" id="dFecIniVig" style="width: 120px" />
                                                                </td>
                                                                <td>
                                                                    <input type="text" id="dFecFinVig" style="width: 120px" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table border="0" cellpadding="5" cellspacing="0" width="80%">
                                <tbody class="letraLink_MIDIS">
                                    <tr align="left">
                                        <td>
                                            <b>campo obligatorio:</b>&nbsp;<span class="letraAsterisco">(*)</span>
                                        </td>
                                        <td>
                                            <input type="button" value="Guardar" name="btnRegistrarDetalle" onclick="btnGuardar();"
                                                class="boton" />
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div id="msgError" class="msgError">
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
<div id="ventanaDetalleCompendio" style="display: none;">
    <table class="tablaPrincipal_MIDIS" width="65%" cellpadding="3" border="0" cellspacing="0">
        <tr>
            <td>
                <table cellpadding="0" cellspacing="0" border="0" width="90%">
                    <tr>
                        <td>
                            <table class="tablaTitulo_MIDIS" style="width: 180PX;" cellpadding="2" cellspacing="0"
                                border="0">
                                <tr>
                                    <td align="center">
                                        <div id="divDireccion" class="divTitulo_MIDIS" style="width: 180PX;">
                                            <span style="background-color: #b50055; color: white;">[DETALLE CAT&Aacute;LOGOS]</span>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table width="100%" class="tablaInterna_MIDIS" cellpadding="0">
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <table width="90%" border="1" cellpadding="5" cellspacing="0" class="tablaPrincipalSin">
                                            <tbody class="tituloTextNormal">
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="3" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    C&oacute;digo Elemento<span class="letraAsterisco">(*)</span>
                                                                </td>
                                                                <td>
                                                                    Identificaro de Grupo
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="hidden" name="nIdeDetalle" value="0" id="nIdeDetalle" />
                                                                    <input type="text" id="vCodElemento" class="uppercase" style="width: 50px" onkeypress="return validaCaracterV2(event);" />
                                                                </td>
                                                                <td>
                                                                    <select id="nIndEleGrupo" style="width: 100px">
                                                                        <option value="1">NO</option>
                                                                        <option value="2">SI</option>
                                                                    </select>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="3" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    Nombre<span class="letraAsterisco">(*)</span>
                                                                </td>
                                                                <td>
                                                                    Nombre Corto<span class="letraAsterisco">(*)</span>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" id="vNomDetalle" class="uppercase" style="width: 420px" onkeypress="return validaCaracterV2(event);" />
                                                                </td>
                                                                <td>
                                                                    <input type="text" id="vNomCorto" class="uppercase" style="width: 180px" onkeypress=" return validaCaracterV2(event);" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    <b>Fecha Vigencia</b>
                                                                </td>
                                                                <td>
                                                                    Inicio
                                                                </td>
                                                                <td>
                                                                    Fin
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    <input type="text" id="dtFecIniVig" style="width: 120px" />
                                                                </td>
                                                                <td>
                                                                    <input type="text" id="dtFecFinVig" style="width: 120px" />
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    Referencia &nbsp;(1)
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" id="vDesRef1" class="uppercase" style="width: 300px" onkeypress="return validaCaracterV2(event);"/>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    Referencia &nbsp;(2)
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" id="vDesRef2" class="uppercase" style="width: 300px" onkeypress="return validaCaracterV2(event);"/>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                                            <tr>
                                                                <td>
                                                                    Referencia &nbsp;(3)
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input type="text" id="vDesRef3" class="uppercase" style="width: 300px" onkeypress="return validaCaracterV2(event);"/>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                                <td>
                                                                    &nbsp;
                                                                </td>
                                                                <td>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table border="0" cellpadding="5" cellspacing="0" width="80%">
                                <tbody class="letraLink_MIDIS">
                                    <tr align="left">
                                        <td>
                                            <b>campo obligatorio:</b>&nbsp;<span class="letraAsterisco">(*)</span>
                                        </td>
                                        <td>
                                            <input type="button" value="Guardar" name="btnRegistrarCompendio" onclick="btnGuardarDet();"
                                                class="boton" />
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div id="msgErrorDetalle" class="msgError">
                            </div>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
<div id="informacionCompendio" style="display: none;">
    <div id="divNotificacion" class="ui-widget" style="display: none; font-size: 8pt;
        margin-bottom: 5px;">
        <div class="ui-state-error ui-corner-all" style="padding: 0.3em;">
            <span class="ui-icon ui-icon-alert" style="float: left; margin-right: 0.3em;"></span>
            <strong>Mensaje:</strong> <span id="spanMensaje"></span>
        </div>
    </div>
</div>
<br />
<br />
<br />
<div id='dialog-alert' style="display: none">
</div>
<div id='dialog-confirm' style="display: none">
</div>
<div id='dialog-delete' style="display: none">
    ¿Está seguro que desea eliminar este item?
</div>
@section HeaderContent{
    <style>
        .uppercase
        {
            text-transform: uppercase;
        }
        .msgError
        {
            color: #CC0000;
        }
    </style>
}
@section ScriptContent{
}
@section JavaScript {
    <script type='text/javascript'>
        var idCompendio = 0;
        var accion = '';
        $().ready(function () {
            ListarCompendios();

            $.datepicker.setDefaults($.datepicker.regional['es-ES']);

            $('#dFecIniVig, #dFecFinVig').datepicker({
                changeMonth: true,
                changeYear: true,
                showOn: "both",
                beforeShow: customRange,
                dateFormat: "dd/mm/yy",
                firstDay: 1,
                changeFirstDay: false
            });

            $('#dtFecIniVig, #dtFecFinVig').datepicker({
                changeMonth: true,
                changeYear: true,
                showOn: "both",
                beforeShow: customRanget,
                dateFormat: "dd/mm/yy",
                firstDay: 1,
                changeFirstDay: false
            });

        });
        function customRange(input) {
            var min = new Date(2008, 11 - 1, 1), //Set this to your absolute minimum date
                dateMin = min,
                dateMax = new Date(3008, 11 - 1, 1),
                dayRange = 1000; // Set this to the range of days you want to restrict to

            if (input.id === "dFecIniVig") {
                if ($("#dFecFinVig").datepicker("getDate") != null) {
                    dateMax = $("#dFecFinVig").datepicker("getDate");
                    dateMin = $("#dFecFinVig").datepicker("getDate");
                    dateMin.setDate(dateMin.getDate() - dayRange);
                    if (dateMin < min) {
                        dateMin = min;
                    }
                }
                else {
                    dateMax = new Date(3008, 11 - 1, 1); //Set this to your absolute maximum date
                }
            }
            else if (input.id === "dFecFinVig") {
                dateMax = new Date(3008, 11 - 1, 1); //Set this to your absolute maximum date
                if ($("#dFecIniVig").datepicker("getDate") != null) {
                    dateMin = $("#dFecIniVig").datepicker("getDate");
                    var rangeMax = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + dayRange);

                    if (rangeMax < dateMax) {
                        dateMax = rangeMax;
                    }
                }
            }
            return {
                minDate: dateMin,
                maxDate: dateMax
            };
        }
        function customRanget(input) {
            var min = new Date(2008, 11 - 1, 1), //Set this to your absolute minimum date
                dateMin = min,
                dateMax = new Date(3008, 11 - 1, 1),
                dayRange = 1000; // Set this to the range of days you want to restrict to

            if (input.id === "dtFecIniVig") {
                if ($("#dtFecFinVig").datepicker("getDate") != null) {
                    dateMax = $("#dtFecFinVig").datepicker("getDate");
                    dateMin = $("#dtFecFinVig").datepicker("getDate");
                    dateMin.setDate(dateMin.getDate() - dayRange);
                    if (dateMin < min) {
                        dateMin = min;
                    }
                }
                else {
                    dateMax = new Date(3008, 11 - 1, 1); //Set this to your absolute maximum date
                }
            }
            else if (input.id === "dtFecFinVig") {
                dateMax = new Date(3008, 11 - 1, 1); //Set this to your absolute maximum date
                if ($("#dtFecIniVig").datepicker("getDate") != null) {
                    dateMin = $("#dtFecIniVig").datepicker("getDate");
                    var rangeMax = new Date(dateMin.getFullYear(), dateMin.getMonth(), dateMin.getDate() + dayRange);

                    if (rangeMax < dateMax) {
                        dateMax = rangeMax;
                    }
                }
            }
            return {
                minDate: dateMin,
                maxDate: dateMax
            };
        }

        function btnGuardarDet() {
            var entidad = new Object();
            entidad.nIdeDetalle = $("#nIdeDetalle").val();
            entidad.nIdeCompendio = idCompendio;
            entidad.vCodElemento = $("#vCodElemento").val();
            entidad.vNomDetalle = $("#vNomDetalle").val();
            entidad.vNomCorto = $("#vNomCorto").val();
            entidad.nIndEleGrupo = $("#nIndEleGrupo").val();
            entidad.dtFecIniVig = $("#dtFecIniVig").val();
            entidad.dtFecFinVig = $("#dtFecFinVig").val();
            entidad.vDesRef1 = $("#vDesRef1").val();
            entidad.vDesRef2 = $("#vDesRef2").val();
            entidad.vDesRef3 = $("#vDesRef3").val();
            var id = entidad.nIdeDetalle;
            if (entidad.vNomDetalle == '' || entidad.vNomCorto == '' || entidad.vCodElemento == '') {
                $("#msgErrorDetalle").html('Por favor, ingrese los campos requeridos');
            }
            else {
                if (accion == 'Editar') {
                    var url = '@Url.Action("ModificarDetalleCompendio", "CompendioDetalle")';
                    var parametros = { entidad: entidad };
                    var resultado = ORI.Ajax(url, parametros, false);
                    if (resultado.Success)
                        $("#Mensaje").val(resultado.Message);
                }
                else {
                    if (accion == 'Nuevo') {
                        var url = '@Url.Action("CrearDetalleCompendio", "CompendioDetalle")';
                        var parametros = { entidad: entidad };
                        var resultado = ORI.Ajax(url, parametros, false);
                        if (resultado.Success)
                            $("#Mensaje").val(resultado.Message);
                    }
                }
                jQuery("#tablaDetalles").trigger("reloadGrid");
                $("#msgErrorDetalle").html('');
                jQuery("#ventanaDetalleCompendio").dialog('close');
            }
        }
        function btnGuardar() {
            var entidad = new Object();
            entidad.nIdeCompendio = $("#nIdeCompendio").val();
            entidad.vNomTabla = $("#vNomTabla").val();
            entidad.dFecIniVig = $("#dFecIniVig").val();
            entidad.dFecFinVig = $("#dFecFinVig").val();
            var id = entidad.nIdeCompendio;
            if (entidad.vNomTabla == '') {
                $("#msgError").html('Por favor, ingrese los campos requeridos.');
            }
            else {
                if (accion == 'Editar') {
                    var url = '@Url.Action("ModificarCompendio", "CompendioDetalle")';
                    var parametros = { entidad: entidad };
                    var resultado = ORI.Ajax(url, parametros, false);
                    if (resultado.Success)
                        $("#Mensaje").val(resultado.Message);
                }
                else {
                    if (accion == 'Nuevo') {
                        var url = '@Url.Action("CrearCompendio", "CompendioDetalle")';
                        var parametros = { entidad: entidad };
                        var resultado = ORI.Ajax(url, parametros, false);
                        if (resultado.Success)
                            $("#Mensaje").val(resultado.Message);
                    }
                }

                jQuery("#tablaCompendios").trigger("reloadGrid");
                $("#msgError").html('');
                jQuery('#ventanaCompendio').dialog('close');
            }
        }
        function ListarCompendios() {
            var gwdth = $(window).width() - 360;
            colNames = ['nIdeCompendio', 'Nombre Tabla', 'Fecha Reg', 'Fecha Inicio', 'Fecha Fin', 'nIdeUsuReg'];
            colModels = [
            { name: 'nIdeCompendio', index: 'nIdeCompendio', width: 40, align: "left", key: true, hidden: true },
            { name: 'vNomTabla', index: 'vNomTabla', align: 'left', width: 220, editable: false, searchoptions: { sopt: ['cn', 'bw']} },
            { name: 'dtFecReg', index: 'dtFecReg', align: 'left', width: 80, editable: false, search: false },
            { name: 'dtFecIniVig', index: 'dtFecIniVig', align: 'left', width: 80, editable: false, search: false },
            { name: 'dtFecFinVig', index: 'dtFecFinVig', align: 'left', width: 80, editable: false, search: false },
            { name: 'nIdeUsuReg', index: 'nIdeUsuReg', align: 'left', width: 100, editable: false, hidden: true }
        ];

            var opciones = { nuevo: true, editar: true, eliminar: false, search: false, rules: false, cambiarFila: true, sort: 'asc', rowNumber: 10 };

            ORI.GrillaCompleta('tablaCompendios', 'barraCompendios', 250, gwdth, 'Listado de Catalogos',
            '@Url.Action("ListarCompendio", "CompendioDetalle")', 'id', colNames, colModels, 'nIdeCompendio',
            opciones, NuevoCompendio, EditarCompendio, EliminarCompendio);
            $("#tablaCompendios").filterToolbar({ searchOnEnter: true, stringResult: true, defaultSearch: "cn" });

        }


        function NuevoCompendio() {
            LimpiarControles();
            accion = 'Nuevo';
            GuardarCompendio();
        }
        function GuardarCompendio() {
            jQuery('#ventanaCompendio').dialog({
                title: "Catálogos",
                width: 560,
                modal: true,
                resizable: false,
                buttons:
                    {
                        "Cancelar": function () {
                            $("#msgError").html('');
                            jQuery(this).dialog('close');
                        }
                    }
            });

        }
        function EditarCompendio(rowkey) {
            accion = 'Editar';
            var url = '@Url.Action("Modificar", "CompendioDetalle")';
            var parametros = { id: rowkey };
            var resultado = ORI.Ajax(url, parametros, false);
            if (resultado.Success) {

                var item = resultado.Data;
                if (item != undefined || item != null) {
                    $("#nIdeCompendio").val(item.nIdeCompendio);
                    $("#vNomTabla").val(item.vNomTabla);
                    $("#dFecIniVig").val(item.dFecIniVig);
                    $("#dFecFinVig").val(item.dFecFinVig);
                }
                GuardarCompendio();
            }

        }
        function EliminarCompendio() {
            var url = '@Url.Action("Eliminar", "CompendioDetalle")';
            window.location = url;
        }

        function cambiarFila(rowkey) {
            idCompendio = rowkey;
            $('#tablaDetalles').jqGrid('GridUnload');
            ListarDetalles();
        }

        function ListarDetalles() {
            var gwdth = $(window).width() - 260;
            colNames = ['nIdeDetalle', 'nIdeCompendio', 'Cod. Elemento', 'Nombre Detalle', 'Nombre Corto', 'idGrupo', 'Grupo', 'Fecha Reg', 'Fecha Inicio', 'Fecha Fin', 'nIdeUsuReg', 'Ref. 1', 'Ref. 2', 'Ref. 3'];
            colModels = [
            { name: 'nIdeDetalle', index: 'nIdeDetalle', width: 40, align: "left", key: true, hidden: true },
            { name: 'nIdeCompendio', index: 'nIdeCompendio', width: 40, align: "left", hidden: true },
            { name: 'vCodElemento', index: 'vCodElemento', align: 'left', width: 80, editable: false, searchoptions: { sopt: ['cn', 'bw']} },
            { name: 'vNomDetalle', index: 'vNomDetalle', align: 'left', width: 200, editable: false, searchoptions: { sopt: ['cn', 'bw']} },
            { name: 'vNomCorto', index: 'vNomCorto', align: 'left', width: 150, editable: false, searchoptions: { sopt: ['cn', 'bw']} },
            { name: 'nIndEleGrupo', index: 'nIndEleGrupo', align: 'left', width: 150, hidden: true, search: false },
            { name: 'grupo', index: 'grupo', align: 'left', width: 60, editable: true, search: false },
            { name: 'dtFecReg', index: 'dtFecReg', align: 'left', width: 100, editable: false, search: false },
            { name: 'dtFecIniVig', index: 'dtFecIniVig', align: 'left', width: 100, editable: false, search: false },
            { name: 'dtFecFinVig', index: 'dtFecFinVig', align: 'left', width: 100, editable: false, search: false },
            { name: 'nIdeUsuReg', index: 'nIdeUsuReg', align: 'left', width: 100, editable: false, hidden: true },
            { name: 'vDesRef1', index: 'vDesRef1', align: 'left', width: 150, editable: false, searchoptions: { sopt: ['cn', 'bw']} },
            { name: 'vDesRef2', index: 'vDesRef2', align: 'left', width: 150, editable: false, searchoptions: { sopt: ['cn', 'bw']} },
            { name: 'vDesRef3', index: 'vDesRef3', align: 'left', width: 150, editable: false, searchoptions: { sopt: ['cn', 'bw']} }
        ];

            var opciones = { nuevo: true, editar: true, eliminar: false, search: false, rules: true, sort: 'asc' };

            ORI.GrillaCompleta('tablaDetalles', 'barraDetalles', '', gwdth, 'Listado de Detalle de Catalogos',
            '@Url.Action("ListarDetalleCompendio", "CompendioDetalle")', 'id', colNames, colModels, 'nIdeDetalle',
            opciones, NuevoDetalle, EditarDetalle, EliminarDetalle);
            $("#tablaDetalles").filterToolbar({ searchOnEnter: true, stringResult: true, defaultSearch: "cn" });

        }
        function LimpiarControles() {
            $("#nIdeDetalle").val(0);
            $("#vCodElemento").val('');
            $("#vNomDetalle").val('');
            $("#vNomCorto").val('');
            $("#nIndEleGrupo").val(0);
            $("#dtFecIniVig").val('');
            $("#dtFecFinVig").val('');
            $("#vDesRef1").val('');
            $("#vDesRef2").val('');
            $("#vDesRef3").val('');

            $("#vNomTabla").val('');
            $("#dFecIniVig").val('');
            $("#dFecFinVig").val('');
        }
        function NuevoDetalle() {
            LimpiarControles();
            accion = 'Nuevo';
            GuardarDetalle();
        }
        function GuardarDetalle() {
            jQuery('#ventanaDetalleCompendio').dialog({
                title: "Detalle Catálogo",
                width: 'auto',
                modal: true,
                resizable: false,
                buttons:
                    {
                        "Cancelar": function () {
                            $("#msgErrorDetalle").html('');
                            jQuery(this).dialog('close');
                        }
                    }
            });
        }
        function EditarDetalle(rowkey) {
            accion = 'Editar';
            var url = '@Url.Action("ModificarDetalle", "CompendioDetalle")';
            var parametros = { id: rowkey };
            var resultado = ORI.Ajax(url, parametros, false);
            if (resultado.Success) {

                var item = resultado.Data;
                if (item != undefined || item != null) {
                    $("#nIdeDetalle").val(item.nIdeDetalle);
                    $("#vCodElemento").val(item.vCodElemento);
                    $("#vNomDetalle").val(item.vNomDetalle);
                    $("#vNomCorto").val(item.vNomCorto);
                    $("#nIndEleGrupo").val(item.nIndEleGrupo);
                    $("#dtFecIniVig").val(item.dtFecIniVig);
                    $("#dtFecFinVig").val(item.dtFecFinVig);
                    $("#vDesRef1").val(item.vDesRef1);
                    $("#vDesRef2").val(item.vDesRef2);
                    $("#vDesRef3").val(item.vDesRef3);
                }
                GuardarDetalle();
            }
        }
        function EliminarDetalle() {
            var url = '@Url.Action("Eliminar", "CompendioDetalle")';
            window.location = url;
        }

        function Cancelar() {

            window.location = '@Url.Action("Index", "Persona")';
        }


        function GetRules(grilla) {
            var rules = new Array();
            var id = idCompendio;
            rules = [{ field: 'nIdeCompendio', data: id, op: '='}];

            return rules;
        }
    </script>
}
